<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
</head>
<body style="margin:0; padding:30px; width:210mm; height:297mm; background:#f9fbfd; font-family:'PingFang SC',sans-serif; display:grid; grid-template-rows:auto 1fr; gap:20px;">
<!-- 标题区 -->
<div class="hero" style="text-align:center; padding-bottom:20px; position:relative;">
    <div style="background:#2c3e50; height:8px; width:120px; margin:0 auto 25px;"></div>
    <text style="display:block; font-size:44px; font-weight:800; color:#2c3e50; letter-spacing:2px; transform:rotate(-2deg);">智能交通系统优化研究</text>
    <div style="display:flex; justify-content:center; gap:30px; margin-top:20px;">
        <text style="font-size:18px; color:#7f8c8d; background:#f0f3f5; padding:8px 20px; border-radius:20px;">作者：周涛，李明哲</text>
        <text style="font-size:16px; color:#95a5a6; background:#f0f3f5; padding:8px 20px; border-radius:20px;">东南大学智能交通学院</text>
    </div>
</div>

<!-- 主体内容 -->
<div class="main-body" style="display:grid; grid-template-columns:1.5fr 1fr; grid-template-rows:auto auto; gap:25px; height:calc(297mm - 160px);">
    <!-- 左列（主内容） -->
    <div class="left" style="display:grid; grid-template-rows:auto auto; gap:25px;">
        <div class="abstract" style="background:white; padding:25px; box-shadow:0 8px 30px rgba(0,0,0,0.08); clip-path:polygon(0 0,100% 0,100% 95%,0 100%);">
            <div style="display:flex; align-items:center; gap:15px; margin-bottom:20px;">
                <div style="width:8px; height:40px; background:#3498db;"></div>
                <text style="font-size:26px; font-weight:700; color:#2c3e50;">核心创新点</text>
            </div>
            <div style="columns:2; column-gap:30px;">
                <text style="display:block; font-size:16px; line-height:1.8; color:#2c3e50; margin-bottom:15px;">提出基于时空图卷积的交通流预测模型...</text>
                <text style="display:block; font-size:16px; line-height:1.8; color:#2c3e50;">开发动态权重分配算法提升预测精度...</text>
                <text style="display:block; font-size:16px; line-height:1.8; color:#2c3e50;">构建多源数据融合框架...</text>
            </div>
        </div>

        <div class="introduction" style="display:grid; grid-template-columns:1fr 1fr; gap:25px; background:#f8fafb; padding:25px;">
            <div>
                <text style="display:block; font-size:22px; font-weight:600; color:#e74c3c; margin-bottom:15px;">研究背景</text>
                <text style="display:block; font-size:15px; line-height:1.7; color:#7f8c8d;">随着城市化进程加速，传统交通管理系统面临...</text>
            </div>
            <div>
                <text style="display:block; font-size:22px; font-weight:600; color:#27ae60; margin-bottom:15px;">技术挑战</text>
                <text style="display:block; font-size:15px; line-height:1.7; color:#7f8c8d;">实时数据处理的时效性要求...</text>
                <text style="display:block; font-size:15px; line-height:1.7; color:#7f8c8d; margin-top:10px;">多模态数据融合难题...</text>
            </div>
        </div>
    </div>

    <!-- 右列（侧边栏） -->
    <div class="right" style="display:grid; grid-template-rows:auto auto auto; gap:25px;">
        <div class="method" style="background:white; padding:25px; box-shadow:0 8px 30px rgba(0,0,0,0.08); position:relative;">
            <div style="position:absolute; top:-15px; left:20px; background:#e67e22; color:white; padding:8px 20px; font-size:18px; border-radius:4px;">方法架构</div>
            <div style="display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:25px;">
                <div>
                    <text style="display:block; font-size:16px; font-weight:600; color:#2c3e50; margin-bottom:10px;">数据预处理</text>
                    <text style="display:block; font-size:14px; color:#7f8c8d; line-height:1.6;">多源数据清洗与对齐...</text>
                </div>
                <image style="width:100%; height:120px; background:#f0f3f5; border:2px dashed #e67e22;"></image>
            </div>
            <div style="border-top:2px solid #eee; margin:20px 0; padding-top:20px;">
                <text style="display:block; font-size:16px; font-weight:600; color:#2c3e50; margin-bottom:10px;">模型架构</text>
                <div style="display:flex; gap:15px;">
                    <image style="width:60px; height:60px; background:#f0f3f5;"></image>
                    <image style="width:60px; height:60px; background:#f0f3f5;"></image>
                    <image style="width:60px; height:60px; background:#f0f3f5;"></image>
                </div>
            </div>
        </div>

        <div class="experiment" style="background:#fffaf0; padding:25px; position:relative;">
            <div style="position:absolute; top:-15px; right:20px; background:#c0392b; color:white; padding:8px 20px; font-size:18px; border-radius:4px;">实验分析</div>
            <div style="display:grid; grid-template-columns:2fr 1fr; gap:20px; margin-top:30px;">
                <div>
                    <text style="display:block; font-size:16px; color:#c0392b; margin-bottom:15px;">▸ 准确率提升23.6%</text>
                    <text style="display:block; font-size:14px; color:#7f8c8d; line-height:1.6;">与传统方法对比实验结果...</text>
                </div>
                <image style="width:100%; height:100px; background:#f0f3f5; border-radius:6px;"></image>
            </div>
            <div style="display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:20px;">
                <image style="width:100%; height:80px; background:#f0f3f5;"></image>
                <image style="width:100%; height:80px; background:#f0f3f5;"></image>
                <image style="width:100%; height:80px; background:#f0f3f5;"></image>
            </div>
        </div>
    </div>

    <!-- 结论 -->
    <div class="result" style="grid-column:1/-1; background:#2c3e50; padding:30px; display:grid; grid-template-columns:auto 1fr; gap:30px; align-items:center;">
        <div style="width:120px; height:120px; background:#3498db; border-radius:50%;"></div>
        <div>
            <text style="display:block; font-size:24px; color:white; margin-bottom:15px;">★ 研究成果</text>
            <text style="display:block; font-size:16px; color:#95a5a6; line-height:1.6;">开发出可部署的实时交通预测系统...</text>
            <text style="display:block; font-size:16px; color:#95a5a6; line-height:1.6; margin-top:10px;">申请发明专利3项，发表SCI论文2篇...</text>
        </div>
    </div>
</div>
</body>
</html>